<!--
  Generated template for the InformationPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->

<ion-header>
    <ion-navbar>
        <ion-title>
            我的待审
        </ion-title>
    </ion-navbar>
</ion-header>
<ion-content>
    <div class="content_div">
        <!-- {{detailItem.DanJuXX.ShenQingDH}}-->
        <div class="panel">
            <div class="title">
                <label>基本信息</label>
            </div>
            <div class="con">
                <div>
                    <span>
                        采购需求名称
                    </span>
                    <label>
                        {{detailItem.DanJuXX.CaiGouXQMC}}
                    </label>
                </div>
                <div>
                    <span>
                        采购类别
                    </span>
                    <label>
                        {{detailItem.DanJuXX.CaiGouLB}}
                    </label>
                </div>
            </div>
            <div class="con">
                <div>
                    <span>
                        等级日期
                    </span>
                    <label>
                        {{detailItem.DanJuXX.DengJiRQ}}
                    </label>
                </div>
                <div>
                    <span>
                        采购金额
                    </span>
                    <label>
                        {{detailItem.DanJuXX.CaiGouJE}}
                    </label>
                </div>
            </div>
            <div class="con onLine">
                <div>
                    <span>
                        申请人
                    </span>
                    <label>
                        {{detailItem.DanJuXX.ShenQingR}}
                    </label>
                </div>
                <div>
                    <span>
                        申请部门
                    </span>
                    <label>
                        {{detailItem.DanJuXX.ShenQingBM}}
                    </label>
                </div>

            </div>
            <div *ngIf="detailItem.DanJuXX.DanJuFJ !=undefined">
                <div class="shenQingFJDiv" *ngIf="detailItem.DanJuXX.DanJuFJ.length>0">
                    <div class="fuJianTitle">
                        <span>申请附件</span>
                    </div>
                    <div>
                        <div class="shenQingFJ" *ngFor="let item of detailItem.DanJuXX.DanJuFJ" tappable
                             (click)="sqfjHandler(item)">
                            <p>{{item.FuJianMC}}</p>
                        </div>
                    </div>
                </div>
            </div>

        </div>
        <div class="panel" *ngIf="detailItem.DanJuXX.QianBaoNR !=''">
            <div class="title">
                <label>签报内容</label>
            </div>
            <div>
                <div class="con">

                    {{detailItem.DanJuXX.QianBaoNR}}
                </div>

            </div>

        </div>
        <div class="panel" *ngIf="detailItem.ShouLiXX !='' || detailItem.ShouLiXX !=null">
            <div class="title">
                <label>受理信息</label>
            </div>
            <div class="con">
                <div>
                     <span>
                        组织形式
                    </span>
                    <label>
                        {{detailItem.ShouLiXX.ZuZhiXS == '' ? '无' : detailItem.ShouLiXX.ZuZhiXS}}
                    </label>
                </div>
                <div>
                     <span>
                        招标代理机构
                    </span>
                    <label>
                        {{detailItem.ShouLiXX.ZhaoBiaoDLJG == '' ? '无' : detailItem.ShouLiXX.ZhaoBiaoDLJG}}
                    </label>
                </div>
            </div>
            <div class="con">
                <div>
                     <span>
                        采购方式
                    </span>
                    <label>
                        {{detailItem.ShouLiXX.CaiGouFS == '' ? '无' : detailItem.ShouLiXX.CaiGouFS}}
                    </label>
                </div>
                <div>
                     <span>
                        预选供应商库
                    </span>
                    <label>
                        {{detailItem.ShouLiXX.YuXuanGYSK == '' ? '无' : detailItem.ShouLiXX.YuXuanGYSK}}
                    </label>
                </div>
            </div>
            <div class="con">
                <div>
                     <span>
                        受理人
                    </span>
                    <label>
                        {{detailItem.ShouLiXX.ShouLiR == '' ? '无' : detailItem.ShouLiXX.ShouLiR}}
                    </label>
                </div>
                <div>
                     <span>
                        受理时间
                    </span>
                    <label>
                        {{detailItem.ShouLiXX.ShouLiSJ == '' ? '无' : detailItem.ShouLiXX.ShouLiSJ}}
                    </label>
                </div>
            </div>
        </div>

        <div class="panel" *ngIf="detailItem.FenBaoXX.length>0">
            <div class="title">
                <label>分包信息</label>
            </div>
            <div *ngFor="let item of detailItem.FenBaoXX">
                <div class="con" *ngIf="item.FenBaoMC !='' || item.CaiGouJE !=''">
                    <div *ngIf="item.FenBaoMC !=null && item.FenBaoMC !=''">
                     <span>
                        分包名称
                    </span>
                        <label>
                            {{item.FenBaoMC}}
                        </label>
                    </div>
                    <div *ngIf="item.CaiGouJE !=null && item.CaiGouJE !=''">
                     <span>
                        采购金额
                    </span>
                        <label>
                            {{item.CaiGouJE}}
                        </label>
                    </div>
                </div>
                <div class="con" *ngIf="item.TouBiaoBZJ !='' || item.CaiGouLB !=''">
                    <div *ngIf="item.TouBiaoBZJ !=null && item.TouBiaoBZJ !=''">
                     <span>
                        本次申请金额
                    </span>
                        <label>
                            {{item.TouBiaoBZJ}}
                        </label>
                    </div>
                    <div *ngIf="item.CaiGouLB !=null && item.CaiGouLB !=''">
                     <span>
                        已批复金额
                    </span>
                        <label>
                            {{item.CaiGouLB}}
                        </label>
                    </div>
                </div>
            </div>
        </div>
        <div class="panel" *ngIf="detailItem.ShenPiXX.length>0">
            <div class="title">
                <label style="color: #3a3a3a">审批过程</label>
            </div>
            <div *ngFor="let item of detailItem.ShenPiXX" class="spPanel">
                <div class="con">
                    <div *ngIf="item.ShenPiHJ !=''">
                     <span>
                        审批环节
                    </span>
                        <label>
                            {{item.ShenPiHJ}}
                        </label>
                    </div>
                    <div *ngIf="item.ShenPiR !=''">
                     <span style="color: #666666">
                        审批人
                    </span>
                        <label style="color: #3189fb;font-weight: bold">
                            {{item.ShenPiR}}
                        </label>
                    </div>
                </div>
                <div class="con">
                    <div *ngIf="item.ShenPiSJ !=''">
                     <span style="color: #666666">
                        审批时间
                    </span>
                        <label style="color: #999999">
                            {{item.ShenPiSJ}}
                        </label>
                    </div>
                    <div *ngIf="item.ChuLiSC !=''">
                     <span style="color: #666666">
                        处理时长
                    </span>
                        <label style="color: #333333">
                            {{item.ChuLiSC}}
                        </label>
                    </div>
                </div>
                <div class="conEnd">
                    <div style="width: 100%">
                     <span>
                        审批意见
                    </span>
                        <label style="color: #333333">
                            {{item.ShenPiYJ == null ? '无' : item.ShenPiYJ}}
                        </label>
                    </div>
                </div>
            </div>
            <!--  <div class="title">
                  <label>审批过程</label>
              </div>
              <div *ngFor="let item of detailItem.ShenPiXX" class="spPanel">
                  <div class="con"  *ngIf="item.ShenPiHJ !='' || item.ShenPiR !=''">
                      <div *ngIf="item.ShenPiHJ !=''">
                       <span>
                          审批环节
                      </span>
                          <label>
                              {{item.ShenPiHJ}}
                          </label>
                      </div>
                      <div *ngIf="item.ShenPiR !=''">
                       <span>
                          审批人
                      </span>
                          <label>
                              {{item.ShenPiR}}
                          </label>
                      </div>
                  </div>
                  <div class="con"  *ngIf="item.ShenPiSJ !='' || item.ChuLiSC !=''">
                      <div  *ngIf="item.ShenPiSJ !=''">
                       <span>
                          审批时间
                      </span>
                          <label>
                              {{item.ShenPiSJ}}
                          </label>
                      </div>
                      <div  *ngIf="item.ChuLiSC !=''">
                       <span>
                          处理时长
                      </span>
                          <label>
                              {{item.ChuLiSC}}
                          </label>
                      </div>
                  </div>
                  <div class="conEnd"  *ngIf="item.ShenPiYJ !==null">
                      <div  style="width: 100%">
                       <span>
                          审批意见
                      </span>
                          <label>
                              {{item.ShenPiYJ}}
                          </label>
                      </div>
                  </div>
              </div>-->
        </div>
        <div class="buttonDiv" *ngIf=" type==1">
            <button ion-button (click)="doClickHandler()">去审批</button>
        </div>

    </div>
</ion-content>


